  <template>
	 <van-cell :title="name" :label="author+ '  '+name " center >
    <template #right-icon>
    <van-icon name="play-circle-o" class="search-icon" @touchstart="playFun"/>
    </template>
  </van-cell>  
  </template>
  
  <script>
  export default {
  props:{ 
	  name:String,//革命
	  author:String,//作者名
	  id:Number//歌曲id
  },
  methods: {
	  playFun(){
		  this.$router.push({
			  path:'/play',
			  query:{ 
				  id:this.id
			  }
		  })
	  }
  },
  }
  </script>
  
  <style scoped>
  .search-icon {
    font-size: 21px;
    line-height: inherit;
  }
  </style>